<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>中汇财经</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="container" class="uf-f u-scroll">
        <div class="videoDiv">
            <video src="" poster="image/static/liveVideoPoster1.jpg"
                   onplay="videoBy(this,1)"
                   onpause="videoBy(this,0)"
                   onclick="videoPlay(this,event)"
                   x-webkit-airplay="true"
                   webkit-playsinline="true"
                   playsinline="true"
                   x5-video-player-type="h5"
                   x5-video-player-fullscreen="true"></video>
            <div class="videoBy playCenter"></div>
            <div class="videoBy bottom">
                <div class="videoInfo uf uf-ac uf-pj">
                    <div class="tt">赢在收盘</div>
                    <div class="lessSize">主讲：李勇</div>
                </div>
            </div>
        </div>
        <div class="back bb" onclick="window.history.go(-1);">返回</div>

    </div>

    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ae uf-pc">判大势</a>
        <a href="plot.html" class="uf-f uf uf-ae uf-pc">牛布局</a>
        <a href="liveVideo.html" class="uf-f uf uf-ae uf-pc">观直播</a>
        <a href="about.html" class="uf-f uf uf-ae uf-pc">寻合作</a>
    </div>

</div>
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript">
    //播放时隐藏videoBy，显示控制器
    function videoBy(ele, isShow) {
        var $ele = $(ele);
        var $videoBy = $ele.parent().find('.videoBy');
        if (isShow == 0) {
            //暂停事件
            $videoBy.show();
            $ele.removeAttr("controls");
        } else {
            //播放事件
            $videoBy.hide();
            $ele.attr("controls", "controls");
        }
    }

    //视频点击事件的回调，播放或暂停视频
    function videoPlay(ele, e) {
        e.preventDefault();
        e.stopPropagation();
        var video = ele;
        if (!video.paused) {
            video.pause();
        } else {
            video.play();
        }
    }
</script>
</body>
</html>